/* semantic color variables for this project */
:root {
  --color-primary: #ff6700;
  --color-error: #f04645;
  --color-success: #83c44e;
  --color-border: #e0e0e0;
  --color-background: #f5f5f5;

  --width-primary: 122.6rem;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  color: unset;
  outline: none;
  user-select: none;
  text-decoration: none;
  position: relative;
  font-weight: normal;
  box-sizing: border-box;
}

html {
  font-size: max(0.4vw, 10px);
}

body {
  font-family: system, -apple-system, BlinkMacSystemFont, PingFang SC, Segoe UI,
    Microsoft YaHei, wenquanyi micro hei, Hiragino Sans GB, Hiragino Sans GB W3,
    Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
    Helvetica, Arial, sans-serif;
}

img,
video {
  vertical-align: middle;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
